<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取并调整窗口位置和大小</title>
	</head>
	<body>
		<p><input type="button"  value="打开窗口" onclick="openWin()" /></p>
		<p><input type="button"  value="调整窗口的大小和位置" onclick="changeWin()" /></p>
		<script>
			var mywin;
			function getWinMessage(){
				//相对于屏幕窗口的坐标
				mywin.document.write("相对于屏幕窗口的坐标"+mywin.screenX+","+mywin.screenY+"<br>");
				//文档窗口的宽高
				mywin.document.write("窗口文档的高宽和高度"+mywin.innerWidth+","+mywin.innerHeight+"<br>");
				//窗口外部的宽高
				mywin.document.write("窗口文档的高宽和高度"+mywin.outerWidth+","+mywin.outerHeight);
			}
			function openWin(){
				//打开窗口
				mywin=open('', '我的新窗口', 'width=250,height=300');
				//调用方法输出窗口信息
				getWinMessage();
			}
			//调整窗口大小和位置
			function changeWin(){
				//调整窗口大小和位置
				mywin.moveBy(250,250);
				mywin.resizeTo(500,350);
				//调用方法输出窗口信息
				getWinMessage();
			}
		</script>
	</body>
</html>
